<%--
  Created by IntelliJ IDEA.
  User: ykj
  Date: 16/3/24
  Time: 下午8:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>个人资料</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/financial.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/info.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap/js/jquery.bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/Chart.js"></script>
    <script>
        $(document).ready(function () {

            $('#infoDetail').click(function(){
                clearNavActive();
                $(this).parent('li').addClass('active');
                $('#info-content').load('infoDetail');
            });
            $('#investmentInfo').click(function(){
                clearNavActive();
                $(this).parent('li').addClass('active');
                $('#info-content').load('investmentInfo');
            });
            $('#allPurchases').click(function(){
                clearNavActive();
                $(this).parent('li').addClass('active');
                $('#info-content').load('allPurchases');
            });

            $('#info-content').load('infoDetail');
        });
        function clearNavActive(){
            $('ul li').removeClass('active');
        }
    </script>
</head>
<body>
    <jsp:include page="topbar.jsp" flush="true"/>
    <div class="container work-panel">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">
                    浏览我的数据
                </h3>
            </div>
            <div class="panel-body">
                <div class="info-nav">
                    <ul class="nav nav-pills nav-stacked">
                        <li class="active"><a id="infoDetail" href="javascript:void(0);">我的资料</a></li>
                        <li><a id="investmentInfo" href="javascript:void(0);">年投资金额统计</a></li>
                        <li><a id="allPurchases" href="javascript:void(0);">所有投资记录</a></li>
                    </ul>
                </div>
                <div id="info-content" class="info-content">

                </div>
            </div>
        </div>
    </div>

</body>
</html>
